<style  lang="less">
.workShowWarp{
	padding: 0.85rem 0.53rem 0.8rem;
	background-color: white;	
	.bookTitle{
		text-align: justify;
		line-height: 0.8rem;
		font-size: 0.533333rem;
		background-color: white;
		color: black;
		font-weight: bold;
		border: 0;
		margin-bottom:0.53rem; 
	}
	.bookTime{
		margin-bottom:0.53rem; 
	}
	.bookInfo{
		background-color: white;
		font-size: 0.426667rem;
		text-align: justify;
		border: 0;
		img{
			max-width: 100%;
		}
	}
}


</style>
<template>	
	<div class="workShowWarp">
		<div class="bookTitle">{{datas.worksName}}</div>
		<div class="bookTime">{{'作品时间: ' + datas.creativeTime}}</div>
		<div class=" bookInfo " v-html="datas.worksContent"></div>
	</div>
</template>
<script>
    import { mapState } from 'vuex'
    import global from '../../config/global'
    import '../../js/flexible.debug.js'
    import '../../less/moblie.less'
    export default {
		data() {
			return {
				imgurl:global.imgurl,
				videourl:global.videourl,
				hosturl:global.host,
				datas:"",
			}
		},
		components: {
		},
		computed: {
		},
		created() {
			this.ajax();
		},
		watch: {
		},
        // computed: mapState({ user: state => state.user }),
		methods:{
			ajax(){
				this.$http.get(global.host+"/unsecured/mobile/work/detail/query?id="+this.$route.query.id)
                .then((response) => {
					// this.spdata = response.body.result;
					this.datas = response.body.result;
					
                })
                .catch(function (response) {

                })
			}
		}
    }
</script>